<template>
  <div class="teacher">
    <V-Header type="t"></V-Header>
    <div class="headline">
      <el-button class="headlinebtn xy-middle" icon="el-icon-tickets">导师记录表</el-button>
    </div>
    <div class="maincont">
      <!-- 表单数据 -->
      <el-row>
        <el-col :lg="{offset:2,span:18}" :span="24">
          <!-- 研学主题: <input type="text" v-model=" research_title" name="" id=""> -->
          <el-form :inline="true" :model="formInline" class="selet-form-inline">
            <el-form-item label="时间:">
              <!-- <el-input class="input" v-model="formInline.user" placeholder></el-input> -->
              <el-select v-model="formInline.times" placeholder="请选择">
                <el-option
                  v-for="(item,index) in datas.activity_time"
                  :key="index"
                  :label="item"
                  :value="item"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="研学主题:">
              <!-- <el-input class="input" v-model="formInline.user" placeholder></el-input> -->
              <el-select v-model="formInline.research_concise" placeholder="请选择">
                <el-option
                  v-for="(item,index) in researchsubject"
                  :key="index"
                  :label="item"
                  :value="item"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="活动:">
              <!-- <el-input class="input" v-model="formInline.user" placeholder></el-input> -->
              <el-select v-model="formInline.activity_concise" placeholder="请选择">
                <el-option
                  v-for="(item,index) in activity"
                  :key="index"
                  :label="item.title"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="学校:">
              <el-select v-model="formInline.school_concise" placeholder="请选择">
                <el-option
                  v-for="(item,index) in datas.school_concise"
                  :key="index"
                  :label="item.title"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="年级:">
              <el-select v-model="formInline.grade_year_concise" placeholder="请选择">
                <el-option
                  v-for="(item,index) in grade_yearlist"
                  :key="index"
                  :label="item.grade_year_title"
                  :value="item.grade_year_id"
                ></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="班级:">
              <el-select v-model="formInline.general_concise" placeholder="请选择">
                <el-option
                  v-for="(item,index) in gradeslist"
                  :key="index"
                  :label="item.title"
                  :value="item.id"
                ></el-option>
              </el-select>
            </el-form-item>
            
            <el-button class="determine hidden-sm-and-up" type="primary" @click="sletData">查询</el-button>
          </el-form>
        </el-col>
        <el-col :lg="{span:2}" :span="2">
          <el-button class="determine hidden-xs-only" style="margin-bottom:0.5rem" type="primary" @click="sletData">查询</el-button>
        </el-col>
      </el-row>
      <!-- 学校信息 -->
      <div class="activityinfo hidden-xs-only" style="width:98%; margin-left:1%">
        <!-- <ul v-if="general">
          <li>学校：{{general.school_title}}</li>
          <li>活动名称：{{general.activity_title}}</li>
          <li>班级：{{general.grade_title}}</li>
        </ul> -->
        <ul v-if="general">
          <li>人数：{{general.groups_members_num}}</li>
          <li>组数：{{general.groups.length}}</li>
          <!-- <li>日期：{{general.begin_time_format}}</li> -->
        </ul>
      </div>
      <div class="activityinfo hidden-sm-and-up" style="width:98%; margin-left:1%">
        <ul v-if="general">
          <!-- <li>学校：{{general.school_title}}</li>
          <li>活动名称：{{general.activity_title}}</li>
          <li>班级：{{general.grade_title}}</li> -->
          <li>人数：{{general.groups_members_num}}</li>
          <li>组数：{{general.groups.length}}</li>
          <!-- <li>日期：{{general.begin_time_format}}</li> -->
        </ul>
      </div>
      <!-- 小组 -->
      <div class="groupinfo" style="width:98%; margin-left:1%">
        <p class="referral" style="font-size:0.20rem; color:#606266; margin-top:0rpx;margin-bottom:0.2rem">说明：导师先勾选小组队长，将小组名称写在对应的小组队长后面，并填写小组名次。</p>
        <el-table
          :data="tableData"
          border
          style="width: 100%"
          :header-cell-style="tableHeaderColor"
        >
          
          <!-- <el-table-column prop="base" align="center" label="基地" min-width="25%"></el-table-column> -->
          <el-table-column prop="address" align="center" label="小组队长" min-width="40%">
            <template slot-scope="scope">
              <el-select v-model="scope.row.leadername" placeholder="请选择">
                <el-option
                  v-for="(item,index) in scope.row.leader"
                  :key="index"
                  :label="item.full_name"
                  :value="item.id"
                ></el-option>
              </el-select>
            </template>
          </el-table-column>
          <el-table-column prop="address" align="center" label="小组名称" min-width="25%">
            <template slot-scope="scope">
              <el-input v-model="scope.row.tname" type="text" ></el-input>
              <!-- <el-input v-model="scope.row.tname" type="text" disabled="true"></el-input> -->
            </template>
          </el-table-column>
          
          <el-table-column prop="ranking" align="center" label="名次" min-width="25%">
            <template slot-scope="scope">
              <el-input v-model="scope.row.ranking" type="text"></el-input>
              <!-- <el-input v-model="scope.row.ranking" type="text" disabled="true"></el-input> -->
            </template>
          </el-table-column>
        </el-table>
        
      </div>
      <!-- 优秀表现 -->
      <div class="merit" style="width:98%; margin-left:1%">
        <p class="referral" style="font-size:0.20rem; color:#606266; margin-top:0rpx;margin-bottom:0.2rem; line-height:0.4rem">说明：将姓名写在对应的填写框中。如果要添加两个或以上学生姓名，使用英文输入法的分号隔开或点击加号添加学生姓名。</p>
        <el-table
          :data="tableData1"
          border
          style="width: 100%"
          :header-cell-style="tableHeaderColor"
          header-row-class-name="fubiaoti"
        >
          <el-table-column align="center" label="优秀表现" style="font-size:0.3rem">
            <el-table-column prop="list1" align="center" label="活动中帮助导师进行管理工作，维护秩序" min-width="33%">
              <template slot-scope="scope">
                <el-input v-model="scope.row.list1" type="text" placeholder="请输入学生姓名"></el-input>
                <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(1,1)"></i>
              </template>
            </el-table-column>
            <el-table-column prop="list2" align="center" label="活动中主动提问活动相关问题，积极发言" min-width="33%">
              <template slot-scope="scope">
                <el-input v-model="scope.row.list2" type="text" placeholder="请输入学生姓名"></el-input>
                <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(1,2)"></i>
              </template>
            </el-table-column>
            <el-table-column prop="list3" align="center" label="其他优秀表现" min-width="33%">
              <template slot-scope="scope">
                <el-input v-model="scope.row.list3" type="text" placeholder="请输入学生姓名"></el-input>
                <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(1,3)"></i>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
      </div>
      <!-- 缺点 -->
      <div class="defect" style="width:98%; margin-left:1%">
        <el-table
          :data="tableData2"
          border
          style="width: 100%"
          :header-cell-style="tableHeaderColor"
          header-row-class-name="fubiaoti"
        >
          <el-table-column align="center" label="不良表现">
            <el-table-column prop="list1" align="center" label="在活动中扰乱课程秩序，不听从导师安排" min-width="33%">
              <template slot-scope="scope">
                <el-input v-model="scope.row.list1" type="text" placeholder="请输入学生姓名"></el-input>
                <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(2,1)"></i>
              </template>
            </el-table-column>
            <el-table-column prop="list2" align="center" label="小组活动时不参与小组活动" min-width="33%">
              <template slot-scope="scope">
                <el-input v-model="scope.row.list2" type="text" placeholder="请输入学生姓名"></el-input>
                <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(2,2)"></i>
                
              </template>
            </el-table-column>
            <el-table-column prop="list3" align="center" label="其他不良表现" min-width="33%">
              <template slot-scope="scope">
                <el-input
                  v-model="scope.row.list3"
                  type="text"
                  placeholder="请输入学生姓名"
                ></el-input>
                <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(2,3)"></i>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
      </div>
      <!-- 发言次数 -->
      
            
      <div class="fayan" style="width:98%; margin-left:1%">
        <el-table
          :data="tableData3"
          border
          style="width: 100%"
          :header-cell-style="tableHeaderColor"
          header-row-class-name="fubiaoti"
        >
          <el-table-column prop="list1" align="center" label="发言学生姓名" min-width="33%">
            <template slot-scope="scope">
              <el-input
                v-model="scope.row.list1"
                type="text"
                placeholder="请输入学生姓名"
              ></el-input>
              <i class="el-icon-circle-plus" style="font-size:0.4rem; margin-top:0.2rem" @click="showdailog(3,1)"></i>
            </template>
          </el-table-column>
        </el-table>
      </div>
      <!-- 提交数据 -->
      <el-button type="primary" class="tijiao" @click="onsubie">提交</el-button>
    </div>
    <!-- 输入弹出窗 -->
    <el-dialog style="border-radius:0.2rem"
      title="请输入学生姓名"
      :visible.sync="dialogVisible"
      width="3.8rem"
      center>
      <p style="font-size:0.18rem;color:#606266; margin-bottom:0.2rem" v-if="''!=showTables">您已输入的姓名：</p>
      <p style="font-size:0.18rem;color:#606266; margin-bottom:0.2rem" v-if="''!=showTables">{{showTables}}</p>
      <el-input v-model="inputss" placeholder="请输入学生姓名"></el-input>
      <span slot="footer" class="dialog-footer">
        <el-button class="el-buttons btn_bg1" @click="closedailog">取 消</el-button>
        <el-button class="el-buttons btn_bg2" type="primary" @click="subdailog">确 定</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import VHeader from "@/components/Header";
export default {
  name: "teacher",
  components: {
    VHeader,
  },
  data() {
    return {
      dialogVisible: false,//dailog
      pinx:0,//
      cinx:0,
      grade_yearlist:[],//年级
      gradeslist:[],//班级
      datas: "", //活动列表
      general: "", //表单详情
      inputss:'',
      formInline: {
        school_concise: "",
        general_concise: "",
        grade_year_concise: "",
        times:'',
        research_concise: "",
        activity_concise: "",
      },
      researchsubject:[],//研学主题
      activity:[],//活动
      research_title: "",
      //小组
      tableData: [
        {
          ranking: "",
          base: "",
          tname: " ",
          leader: "",
          leadername: "",
        },
      ],
      //优秀
      tableData1: [
        {
          list1: "",
          list2: "",
          list3: "",
        },
      ],
      //不良
      tableData2: [
        {
          list1: "",
          list2: "",
          list3: "",
        },
      ],
      //发言
      tableData3: [
        {
          list1: "",
        },
      ],
      showTables:'',//显示已经有的名字
    };
  },
  watch:{
    'formInline.school_concise':{
      handler(newValue,oldValue) {
        //监听学校
        this.getYearJ()
      }
    },
    'formInline.research_concise':{
      handler(newValue,oldValue) {
        //监听研学主题
        this.getActiey();
      }
    },
    'formInline.grade_year_concise':{
      handler(newValue,oldValue) {
        //监听年级
        this.getBanjiList();
      }
    },
    'formInline.times':{
      handler(newValue,oldValue) {
        //时间
        this.getresearchsubject();
      }
    }
  },
  methods: {
    /**
     * 获取年级
     */
    getYearJ(){
      this.$api.get("/teacher/grade_year", {
        school_id:this.formInline.school_concise
      }).then((res) => {
        if (res.data.code == 1) {
          this.grade_yearlist = res.data.data;
          this.formInline.grade_year_concise =
            res.data.data.length != 0
              ? res.data.data[0].grade_year_id
              : "";

          
        }
      })
    },
    //获取班级
    getBanjiList(){
      this.$api.get("/teacher/grades", {
        school_id:this.formInline.school_concise,
        grade_year_id:this.formInline.grade_year_concise
      }).then((res) => {
        if (res.data.code == 1) {
          this.gradeslist = res.data.data;
          this.formInline.general_concise =
            res.data.data.length != 0
              ? res.data.data[0].id
              : "";
        }
      })
    },
    //弹窗
    showdailog(pinx,cinx){
      this.inputss = '';
      if('1' == pinx){
        if('1' == cinx){
          this.showTables = this.tableData1[0].list1
        }
        if('2' == cinx){
          this.showTables = this.tableData1[0].list2;
        }
        if('3' == cinx){
          this.showTables = this.tableData1[0].list3;
        }
      }
      if('2' == pinx){
        if('1' == cinx){
          
          this.showTables = this.tableData2[0].list1;
        }
        if('2' == cinx){
          this.showTables = this.tableData2[0].list2;
        }
        if('3' == cinx){
          this.showTables = this.tableData2[0].list3;
        }
      }
      if('3' == pinx){
        if('1' == cinx){
          this.showTables = this.tableData3[0].list1;
        }
        
      }
      this.dialogVisible = true;
      this.pinx = pinx;
      this.cinx = cinx;

    },
    closedailog(){
      this.dialogVisible = false;
    },
    subdailog(){
      let pinx = this.pinx;
      let cinx = this.cinx;
      if('1' == pinx){
        if('1' == cinx){
          if(''==this.tableData1[0].list1){
            this.tableData1[0].list1 =this.inputss;
          }else{
            this.tableData1[0].list1 = this.tableData1[0].list1+';'+this.inputss;
          }
        }
        if('2' == cinx){
          if(''==this.tableData1[0].list2){
            this.tableData1[0].list2 =this.inputss;
          }else{
            this.tableData1[0].list2 = this.tableData1[0].list2+';'+this.inputss;
          }
        }
        if('3' == cinx){
          if(''==this.tableData1[0].list3){
            this.tableData1[0].list3 =this.inputss;
          }else{
            this.tableData1[0].list3 = this.tableData1[0].list3+';'+this.inputss;
          }
        }
      }
      if('2' == pinx){
        if('1' == cinx){
          if(''==this.tableData2[0].list1){
            this.tableData2[0].list1 =this.inputss;
          }else{
            this.tableData2[0].list1 = this.tableData2[0].list1+';'+this.inputss;
          }
        }
        if('2' == cinx){
          if(''==this.tableData2[0].list2){
            this.tableData2[0].list2 =this.inputss;
          }else{
            this.tableData2[0].list2 = this.tableData2[0].list2+';'+this.inputss;
          }
        }
        if('3' == cinx){
          if(''==this.tableData2[0].list3){
            this.tableData2[0].list3 =this.inputss;
          }else{
            this.tableData2[0].list3 = this.tableData2[0].list3+';'+this.inputss;
          }
        }
      }
      if('3' == pinx){
        if('1' == cinx){
          if(''==this.tableData3[0].list1){
            this.tableData3[0].list1 =this.inputss;
          }else{
            this.tableData3[0].list1 = this.tableData3[0].list1+';'+this.inputss;
          }
        }
        
      }
      this.closedailog();
    },
    //获取数据
    getData() {
      this.$api.get("/teacher", {}).then((res) => {
        if (res.data.code == 1) {
          this.datas = res.data.data;
          // this.$store.commit("setWapLoading", res.data.data.full_name + "导师");
          this.$store.commit('setWapLoading', {
            username: res.data.data.full_name + '导师',
            address: res.data.data.yard_title,
            idCard: res.data.data.card_id,
          })
          // this.formInline.general_concise =
          //   res.data.data.general_concise.length != 0
          //     ? res.data.data.general_concise[0].id
          //     : "";
          // this.formInline.grade_year_concise =
          //   res.data.data.grade_year_concise.length != 0
          //     ? res.data.data.grade_year_concise[0].id
          //     : "";
          
          this.formInline.research_concise =
            res.data.data.research_concise.length != 0
              ? res.data.data.research_concise[0]
              : "";
          this.formInline.school_concise =
            res.data.data.school_concise.length != 0
              ? res.data.data.school_concise[0].id
              : "";
          this.formInline.times =
            res.data.data.activity_time.length != 0
              ? res.data.data.activity_time[0]
              : "";

          // this.getYearJ()
          // 
        } else {
        }
      });
    },
    //获取研学主题
    getresearchsubject(){
      this.$api
        .get("/teacher/acr", {
          bid: this.formInline.times,
        })
        .then((res) => {
          console.log(res);
          if (res.data.code == 1) {
            this.researchsubject = res.data.data;
            this.formInline.research_concise =
              res.data.data.length != 0
                ? res.data.data[0]
                : "";
            // this.sletData();
          }
        });
    },
    //获取活动
    getActiey() {
      this.$api
        .get("/teacher/research", {
          research_title: this.formInline.research_concise,
        })
        .then((res) => {
          console.log(res);
          if (res.data.code == 1) {
            this.activity = res.data.data;
            this.formInline.activity_concise =
              res.data.data.length != 0
                ? res.data.data[0].id
                : "";
            // this.sletData();
          }
        });
    },
    //查询数据
    sletData() {
      //小组
      this.tableData=[
        {
          ranking: "",
          base: "",
          tname: " ",
          leader: "",
          leadername: "",
        },
      ]
      //优秀
      this.tableData1= [
        {
          list1: "",
          list2: "",
          list3: "",
        },
      ]
      //不良
      this.tableData2=[
        {
          list1: "",
          list2: "",
          list3: "",
        },
      ],
      //发言
      this.tableData3=[
        {
          list1: "",
        },
      ]
      this.$api
        .get("/teacher/general", {
          sid: this.formInline.school_concise,
          gid: this.formInline.general_concise,
          aid: this.formInline.activity_concise,
          research_title: this.formInline.research_concise,
          gy_id: this.formInline.grade_year_concise,
          bid:this.formInline.times
        })
        .then((res) => {
          console.log(res);
          if (res.data.code == 1) {
            if (res.data.data != "") {
              this.general = res.data.data;
              let arr = [];
              res.data.data.groups.forEach((item, index) => {
                let json = {};
                json.isranking = item.rank == "-1" ? null : item.rank; //判断是否有名次
                json.ranking = item.rank == "-1" ? null : item.rank; //名次
                json.base = item.yard_title; //基地名
                json.tname = item.alias_title; //小组名称
                json.leader = item.members; //小组成员
                json.leadername = item.leader; //小组长
                json.team_id = item.id; //队伍id
                arr.push(json);
              });
              this.tableData = arr;
              if (res.data.data.excellent_format) {
                this.tableData1[0].list1 = res.data.data.excellent_format[0];
                this.tableData1[0].list2 = res.data.data.excellent_format[1];
                this.tableData1[0].list3 = res.data.data.excellent_format[2];
              }
              if (res.data.data.bad_format) {
                this.tableData2[0].list1 = res.data.data.bad_format[0];
                this.tableData2[0].list2 = res.data.data.bad_format[1];
                this.tableData2[0].list3 = res.data.data.bad_format[2];
              }
              if (res.data.data.speak) {
                this.tableData3[0].list1 = res.data.data.speak;
              }
            } else {
              this.general = "";
              this.tableData = "";
              // this.tableData = [
              //   {
              //     ranking: "",
              //     base: "",
              //     tname: " ",
              //     leader: "",
              //     leadername: ""
              //   }
              // ];
              (this.tableData1 = [
                {
                  list1: "",
                  list2: "",
                  list3: "",
                },
              ]),
                (this.tableData2 = [
                  {
                    list1: "",
                    list2: "",
                    list3: "",
                  },
                ]),
                (this.tableData3 = [
                  {
                    list1: "",
                  },
                ]);
            }
          } else {
          }
        });
    },
    onsubie() {
      var _this = this;
      this.$confirm("提交后不可修改，确定提交吗？", "", {
        confirmButtonText: "是",
        cancelButtonText: "否",
        center: true,
      })
        .then(() => {
          _this.setData();
        })
        .catch(() => {});
    },
    //修改数据
    setData() {
      var excellent =
        this.tableData1[0].list1 +
        "," +
        this.tableData1[0].list2 +
        "," +
        this.tableData1[0].list3;
      var bad =
        this.tableData2[0].list1 +
        "," +
        this.tableData2[0].list2 +
        "," +
        this.tableData2[0].list3;
      var speak = this.tableData3[0].list1;
      let team = {};
      if (this.tableData.length > 0) {
        this.tableData.forEach((item, index) => {
          team["team" + "[" + index + "]" + "[team_id]"] = item.team_id;
          team["team" + "[" + index + "]" + "[team_title]"] = item.tname;
          team["team" + "[" + index + "]" + "[team_leader]"] = item.leadername;
          team["team" + "[" + index + "]" + "[rank]"] = item.ranking;
        });
      }
      // team=JSON.stringify(team)
      team.sid = this.formInline.school_concise;
      team.gid = this.formInline.general_concise;
      team.aid = this.formInline.activity_concise;
      team.excellent = excellent;
      team.bad = bad;
      team.speak = speak;
      this.$api.post("/teacher/general", team).then((res) => {
        if (res.data.code == "1") {
          // this.general = "";
          // this.tableData = "";
          // (this.tableData1 = [
          //   {
          //     list1: "",
          //     list2: "",
          //     list3: ""
          //   }
          // ]),
          //   (this.tableData2 = [
          //     {
          //       list1: "",
          //       list2: "",
          //       list3: ""
          //     }
          //   ]),
          //   (this.tableData3 = [
          //     {
          //       list1: ""
          //     }
          //   ]);
          this.$alert("您以提交成功，请继续填写下一个活动。", "", {
            confirmButtonText: "继续填写",
            showCancelButton: true,
            cancelButtonText: "否",
          }).then(() => {
            this.$router.go(0);
            document.body.scrollTop = document.documentElement.scrollTop = 0;
          });
        } else {
          this.$message({
            offset: "400",
            message: res.data.message,
            showClose: true,
          });
        }
      });
    },
    // 修改table header的背景色
    tableHeaderColor({ row, column, rowIndex, columnIndex }) {
      if (rowIndex === 0) {
        return "background:rgba(246,246,246,1);color:#333333";
      }
    },
  },
  created() {
    this.getData();
    history.pushState(null,null,document.URL);
    window.addEventListener("popstate", function(e) { 
      history.pushState(null,null,document.URL);
    }, false);
  },
};
</script>

<style lang="less">
.teacher {
  .el-table {
    .cell,
    input {
      font-size: 0.22rem;
      text-align: center;
    }
  }
  .headline {
    height: 1.4rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.11);
    position: relative;
    .headlinebtn {
      width: 2.81rem;
      height: 0.64rem;
      background: rgba(38, 49, 115, 1) !important;
      border-radius: 32px;
      font-size: 0.22rem;
      color: rgba(255, 255, 255, 1);
      
    }
  }
  .maincont {
    box-sizing: border-box;
    padding: 51px 10px;
    margin-bottom: 29px;
    form {
      overflow: hidden;
    }
    .el-form-item__content {
      max-width: 332px;
    }
    .selet-form-inline {
      margin-bottom: 27px;
      label {
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.24rem;
      }
      input {
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.24rem;
        margin-right: 52px;
        border-color: rgba(153, 153, 153, 1);
      }
    }
    .determine {
      display: block;
      text-align: center;
      margin-top: 9px;
      width: 0.97rem;
      height: 0.44rem;
      min-width: 60px;
      min-height: 30px;
      font-size: 0.18rem;
      background: rgba(38, 49, 115, 1) !important;
      border-radius: 22px;
      // box-shadow: 0px 0px 20px rgba(66, 177, 226, 0.4);
    }
    .activityinfo {
      ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        li {
          width: 3.4rem;
          text-align: left;
          height: 0.3rem;
          line-height: 0.3rem;
          margin-bottom: 0.1rem;
          font-size: 0.2rem;
          font-weight: 500;
          color: rgba(51, 51, 51, 1);
          border-left: 4px solid rgba(38, 49, 115, 1);
          padding-left: 15px;
        }
      }
    }
    .groupinfo {
      .el-table {
        border-radius: 10px;
        .el-select {
          width: 100%;
          max-width: 321px;
          input {
            height: 42px;
            background: rgba(246, 246, 246, 0.7);
            border: none;
            color: #333333;
            text-align: center;
            &::-webkit-input-placeholder {
              color: #333333;
            }
          }
        }
      }
      .referral {
        font-size: 14px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        margin-top: 21px;
      }
    }
    .merit,
    .defect,
    .fayan {
      margin-top: 47px;
      .el-table {
        border-radius: 10px;
        input {
          text-align: center;
          max-width: 465px;
        }
      }
      .fubiaoti {
        color: #333333;
        th {
          background: #fff;
        }
      }
    }
    .fayan {
      input {
        text-align: center;
        max-width: 1619px !important;
      }
    }
    .tijiao {
      display: block;
      margin: 0 auto;
      width: 1.74rem;
      height: 0.6rem;
      background: rgba(38, 49, 115, 1) !important;
      border-radius: 30px;
      margin-top: 56px;
      font-size: 0.22rem;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
      text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
      margin-bottom: 36px;
    }
  }
}
.teacher .maincont .el-form-item__content {
  max-width: 2rem;
}
.el-message-box .el-message-box__btns .el-button--primary {
  background: rgba(38, 49, 115, 1) !important;
}
.el-dialog__title{
  font-size: 0.24rem;
}
.el-buttons{
  background: #263173 !important;
  border-radius: 0.3rem;
  border: 1px solid #263173;
  color: #fff;
}
.btn_bg1{
  color: #cccccc;
  background: #fff !important;
  border-color: #cccccc;
}
.el-dialog{
  border-radius: 0.1rem;
}
.fubiaoti:nth-child(1){
  .cell{
    font-size: 0.3rem;
    height: 0.4rem;
    line-height: 0.4rem;
  }
}
.el-message-box .el-message-box__btns{
  display: flex
}
</style>
